.player-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	margin: 0 auto;
	width: 750rpx;
	background-image: url('/static/images/bg2.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.9;
	color: #000000;
}

/* 顶部返回按钮 */
.player-header {
	display: flex;
	justify-content: flex-start;
	text-align: center;
	margin: 30rpx;
	width: 100rpx;
	height: 100rpx;
	line-height: 100rpx;
	box-sizing: border-box;
	color: #000000;
	background-color: #ffffff; /* 按钮背景色 */
	border: none;
	border-radius: 30rpx; /* 圆角 */
	cursor: pointer;
	transition: all 0.3s ease; /* 添加过渡效果 */
	/* 阴影效果 */
	box-shadow: 0 4rpx 6rpx rgba(0, 0, 0, 0.1); /* 阴影 */
}

.back-icon {
	text-align: center;
	font-size: 24px;
	line-height: 100rpx;
	font-weight: bold;
	cursor: pointer;
}
.header-title {
	font-size: 18rpx;
}

/* 歌曲封面 */
.album-cover {
	width: 200rpx;
	height: 200rpx;
	margin-top: 20rpx;
	border-radius: 10rpx;
	overflow: hidden;
	opacity: 0.8;
}

.cover-image {
	width: 100%;
	height: 100%;
}

/* 歌曲信息 */

.player-song{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.song-info {
	text-align: center;
	align-items: center;
	justify-content: center;
	margin-top: 20rpx;
}

.song-title {
	font-size: 30rpx;
	font-weight: bold;
}

.artist {
	font-size: 25px;
	margin-top: 5rpx;
}

/* 进度条 */
.progress-bar {
	display: flex;

	width: 100%;
	margin: 0 auto;
	height: 280rpx;
	line-height: 200rpx;
	border-radius: 5rpx;
	margin-top: 100rpx;
	margin-bottom: 20rpx;
	border: 1rpx solid #ffffff;
	
}
.time-text {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	flex: 1;
}
.progress {
	height: 100%;
	background-color: #f00;
	border-radius: 2.5rpx;
}
.progress-slider {
	
	flex: 1;
	line-height: 200rpx;
	margin: 0 20rpx;
	margin-top: 100rpx;
}

/* 播放控制 */
.controls {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1;
	justify-content: space-around;
	width: 100%;
	padding: 20rpx 0;
}

.controls button {
	background: none;
	border: none;
	width: 100rpx;
	height: 100rpx;
	line-height: 100rpx;
	font-size: 24rpx;
	color: #000000;
	cursor: pointer;
	padding: 10rpx 20rpx;
	font-size: 36rpx;
	color: #000000;
	background-color: #c7c7c7; /* 按钮背景色 */
	border: none;
	border-radius: 50rpx; /* 圆角 */
	cursor: pointer;
	transition: all 0.3s ease; /* 添加过渡效果 */

	/* 阴影效果 */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影 */
}
uni-page-body {
	display: flex;
	height: 100%;
}